<template>
  <div class="fullpage-container">
    <full-page :options="options">
      <div class="section">
        <div class="box1">
          section1
        </div>
      </div>
      <div class="section">
        <div class="box2">
        section2
        </div>
      </div>
      <div class="section">
        <div class="box3">
        section3
        </div>
      </div>
    </full-page>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: {
        licenseKey: 'OPEN-SOURCE-GPLV3-LICENSE',
        afterLoad: this.afterLoad,
        scrollOverflow: true,
        scrollBar: false,
        menu: '#menu',
        sectionsColor: [
          '#41b883',
          '#ff5f45',
          '#0798ec',
          '#fec401',
          '#1bcee6',
          '#ee1a59',
          '#2c3e4f',
          '#ba5be9',
          '#b4b8ab'
        ]
      }
    }
  }
}
</script>

<style scoped>
  .fullpage-container {
    height: 100%;
    overflow: hidden;
  }
</style>
